<template>
	<footer class="footer">
		<div class="container">
			<div class="footer-content">
				<div class="footer-widget">
					<h3>莱比特物流</h3>
					<p>专业的第三方物流服务供应商，致力于为客户提供安全、高效的物流解决方案。</p>
					<p style="margin-top: 15px;">"追求更好，做到更好" - 莱比特</p>
				</div>

				<div class="footer-widget">
					<h3>快速链接</h3>
					<ul class="footer-links">
						<li v-for="m in linksList" :key="m.id" ><a :href="m.path" v-if="m.type == 1">{{ m.name }}</a></li>
					</ul>
				</div>

				<div class="footer-widget">
					<h3>服务项目</h3>
					<ul class="footer-links">
						<li v-for="m in linksList" :key="m.id" ><a :href="m.path" v-if="m.type == 2">{{ m.name }}</a></li>
					</ul>
				</div>

				<div class="footer-widget">
					<h3>联系我们</h3>
					<div class="contact-item">
						<i class="fas fa-map-marker-alt"></i>
						<span>广州市天河区黄村大道2号后座骏业商务中心五楼501</span>
					</div>
					<div class="contact-item">
						<i class="fas fa-phone"></i>
						<span>电话：020-82520288</span>
					</div>
					<div class="contact-item">
						<i class="fas fa-envelope"></i>
						<span>邮箱：lbtslzx@163.com</span>
					</div>
					<div class="contact-item">
						<i class="fas fa-headset"></i>
						<span>客服热线：18925053452</span>
					</div>
				</div>
			</div>

			<div class="copyright">
				<p>&copy; 2023 莱比特物流 版权所有 粤ICP备88888888号</p>
			</div>
		</div>
	</footer>

</template>

<script>
import { getLinkList } from '../api/customer'
	export default {
		name: 'FooterComponent',
		data() {
			return {
				queryParams: {
					pageNum: 1,
					pageSize: 10,
					total: 0,
					status: "1"
				},
				linksList: []
			}
		},
		created() {
			this.loadLinksList()
		},
		methods: {
			loadLinksList(){
				getLinkList(this.queryParams).then(res => {
					this.linksList = res.list;
				})
			}
		}
	}
</script>

<style scoped src="../assets/css/common.css"></style>